import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    username: localStorage.getItem('username')
  },
  getters: {},
  mutations: {
    // 保存修改用户名信息
    saveUsername(state, payload) {
      state.username = payload
      // vuex存储的数据是临时的,一刷新页面就丢失了,可以结合本地存储来使用数据持久化
      localStorage.setItem('username', payload)
    }
  },
  actions: {},
  modules: {}
})
